<template>
  <u-popup :show="regionShow" @close="closeRegion">
    <region-content :regionShow="regionShow" @closeRegion="closeRegion" @confirmRegion="confirmRegion"></region-content>
  </u-popup>
</template>

<script setup>
  const props = defineProps({
    regionShow: {
      type: Boolean,
      default: false
    }
  })
  const emit = defineEmits(["update:regionShow", "confirmRegion"])
  // 确认
  const confirmRegion = (row) => {
    emit('confirmRegion', row)
    closeRegion()
  }
  // 关闭弹框
  const closeRegion = () => {
    emit("update:regionShow", false)
  }
</script>

<style lang="scss" scoped>
  .scroll-item {
    height: 100%;
    padding: 0 15rpx;

    .region-item {
      height: 80rpx;

      color: #666;
      font-size: 28rpx;
    }
  }
</style>